<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:include="~{common/top}"></div>
<head>
    <meta charset="UTF-8">

    <link rel="stylesheet" href="css/shop.css">
    <style>
        @font-face {
            font-family: 'cm';
            src: url("font/Begilas.otf");
        }

        .display {
            max-height: 620px;
        }

        #catalog {
            max-height: 520px;
            overflow-y: auto;
        }

        #BackLink {
            position: relative;
            top: 10px;
        }

    </style>

    <div class="display">

        <div id="Catalog">

            <table>
                <tr>
                    <th>&nbsp;</th>
                    <th>Product ID</th>
                    <th>Name</th>
                </tr>

                <tr th:each="product,items:${session.searchProductList}">
                    <td>
                        <a th:utext="${product.getDescription()}" href="productForm?productId=${product.productId}">

                        </a>
                    </td>
                    <td>
                        <b>
                            <a th:text="${product.getProductId()}" href="productForm?productId=${product.productId}">

                            </a>
                        </b>
                    </td>
                    <td th:utext="${product.getName()}"></td>
                </tr>


            </table>

        </div>
        <div id="BackLink">
            <a href="mainForm">
                <button><span>返回</span></button>
            </a>
        </div>
    </div>